/*
 * forms.css
 * 
 * This stylesheet maintains the design of the form elements within
 * the application. Also included here are styles for any html elements
 * which modify, relate to, or expand the usability of the forms.

 * Note: display: table property does not work in IE. 
 * For IE, we would need to use display: inline, display: inline-block
 * 
 * @author Benjamin Co
 */

.button, .clear {
	color: #333333;
	background-color: #999999;
	padding: 5px 40px;
	margin: 4px 0;
	border: 1px solid #333333;
}

.button:hover {
    border: 1px solid #333;
    background: #25205e;
    cursor: pointer;
    color: white;
}

.clear:hover {
	border: 1px solid #F0758A;
	background: white;
	cursor: pointer;
	color: #F0758A;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}


.label div {
    padding: 1px;
    margin-right: 20px;
    margin: 1px;
    font-size: 10pt;
}

.label{
    font-size: 7pt;
}

.input-text {
    width: 3em;
}

input {
	border: 1px solid #787878;
	padding: 5px;
	color: #999;
}

input:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border: 1px solid #35a5e5;
	outline:none;
}

}

#filter-area.label {
	padding: 0 2px;
}

/* tooltip */
a.tooltip {
	outline:none;
	position: relative;
	padding-left: 4px;
	bottom: -70px;
}

a.tooltip:hover 
{
	text-decoration:none;
	cursor: help;
} 